<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Readmore Plus - Optionen</title>

<link rel="stylesheet" href="options.css" type="text/css">
<link rel="stylesheet" href="tabs.css" type="text/css">

<script type="text/javascript" src="../lib/prototype.js"></script>
<script type="text/javascript" src="../lib/jscolor.js"></script>
<script type="text/javascript" src="options.js"></script>

</head>
<body onload="load();">

	<h1>
		readmore.de Plus - Optionen <span id="version"></span>
	</h1>

	<div style="position: absolute; right: 2%; top: 2%;">
		<img src="../readmore.jpg" style="z-index: 999; position: relative; width: 100px;" />
	</div>

	<h2>
		Kontakt: <a href="http://goo.gl/PzrS7">Readmore Thread</a>
	</h2>
	<i>In dem Thread können Probleme, Kritiken und Wünsche geäußert und mit mir (Biki/Ikib) Kontakt aufgenommen werden.</i>
	<h3 style="color: red;">Rot hinterlegte Optionen befinden sich in der Entwicklung/Beta und sollten nicht aktiviert werden!</h3>

	<hr />

	<div class="tabs">
		<div class="tab">
			<input type="radio" id="tab-1" name="tab-group-1" checked="checked"> <label for="tab-1">Allgemeines</label>

			<div class="content">
				<table cellpadding="2" cellspacing="2" border="0" width="100%">
					<tr>
						<th width="30%">Titel bei Streams anpassen:</th>
						<td><input type="checkbox" id="reorderStreamTitle" /> Der Titel wird so angepasst, dass der Name des Streams direkt erkennbar ist.</td>
					</tr>
					<tr>
						<th width="30%">Desktopbenachrichtigung bei neuer PM:</th>
						<td><input type="checkbox" id="listenForPM" /> Zeigt ein kleines Fenster an, wenn du eine neue Nachricht auf readmore bekommst.</td>
					</tr>
					<tr>
						<th rowspan="7" valign="top">Anzuzeigende Schlagzeilen:</th>
						<td><input id="hideNews" type="checkbox" /> Auswahl auch für News übernehmen.</td>
					</tr>
					<tr>
						<td style="padding-left: 10px;"><input checked="checked" id="hlCs" type="checkbox" /> Counter-Strike</td>
					</tr>
					<tr>
						<td style="padding-left: 10px;"><input checked="checked" id="hlSc" type="checkbox" /> Starcraft</td>
					</tr>
					<tr>
						<td style="padding-left: 10px;"><input checked="checked" id="hlDota" type="checkbox" /> DotA</td>
					</tr>
					<tr>
						<td style="padding-left: 10px;"><input checked="checked" id="hlLol" type="checkbox" /> League of Legends</td>
					</tr>
					<tr>
						<td style="padding-left: 10px;"><input checked="checked" id="hlWc3" type="checkbox" /> WC3</td>
					</tr>
					<tr>
						<td style="padding-left: 10px;"><input checked="checked" id="hlOther" type="checkbox" /> Sonstiges</td>
					</tr>
				</table>
			</div>
		</div>

		<div class="tab">
			<input type="radio" id="tab-2" name="tab-group-1"> <label for="tab-2">Forum</label>

			<div class="content">
				<table cellpadding="2" cellspacing="2" border="0" width="100%">
					<tr>
						<th width="30%">Automatisches Aktualisieren aktivieren:</th>
						<td><input type="checkbox" id="updateEnabled" onclick="this.up('tr').next('tr').toggle();" /></td>
					</tr>
					<tr>
						<th>&raquo; Checkintervall für neue Posts in Sekunden:</th>
						<td><input style="text-align: center; width: 50px;" type="number" id="updateInterval" min="5" max="60" /></td>
					</tr>
					<tr>
						<th>Farbe für neue Posts:</th>
						<td><input style="width: 50px;" type="text" class="color{hash:true,caps:false}" id="newPostColor" /></td>
					</tr>
					<tr>
						<th>Extrabuttons anzeigen:</th>
						<td><input type="checkbox" id="showExtraButtons" /> Erweiterte Funktionalitäten beim Schreiben/Editieren eines Posts von IllDepence.</td>
					</tr>
					<tr>
						<th>Postvorschau anzeigen:</th>
						<td><input type="checkbox" id="postPreview" /> Zeigt eine Vorschau deines Postes beim Schreiben/Editieren an. BBCode wird automatisch umgewandelt.</td>
					</tr>
					<tr>
						<th>Titel im Forum umsortieren:</th>
						<td><input type="checkbox" id="reorderTitle" /> Neue Struktur: Threadname » Forum » readmore.de</td>
					</tr>
					<tr>
						<th>Zeige "Zurücksetzen" Button:</th>
						<td><input type="checkbox" id="showResetButton" /> Zeigt bei Formularen im Forum neben dem "Abschicken" Button einen "Zurücksetzen" Button an.</td>
					</tr>
					<tr>
						<th>Aktualisiere Forenanzeige auf der rechten Seite:</th>
						<td><input type="checkbox" id="updateLastForumThreads" /> Aktualisiert im eingestellten Intervall auch die Anzeige der aktuellen Threads mit.</td>
					</tr>
					<tr>
						<th>Postsubmit mit Ajax:</th>
						<td><input type="checkbox" id="ajaxSubmit" /> Neue Posts werden mit Ajax eingetragen und direkt angezeigt, anstatt den Umweg über eine extra Seite zu gehen.</td>
					</tr>
					<tr>
						<th>Postbearbeitung mit Ajax:</th>
						<td><input type="checkbox" id="ajaxEdit" /> Deine Posts werden direkt auf der selben Seite bearbeitet und aktualisiert.</td>
					</tr>
					<tr>
						<th>Lange Quotes spoilern:</th>
						<td><input type="checkbox" id="spoilerLongPosts" onclick="this.up('tr').next('tr').toggle();" /> Lange Quotes werden automatisch in einen Spoiler gepackt um die Lesbarkeit zu erhöhen.</td>
					</tr>
					<tr>
						<th>&raquo; Ab Texthöhe:</th>
						<td><input style="text-align: center; width: 50px;" type="number" id="spoilerLongPostsRows" min="50" max="1000" /> px</td>
					</tr>
					<tr>
						<th>Die "Gehe-zur-letzten-Seite"-Pfeile erweitern:</th>
						<td><input type="checkbox" id="jumpToLastPost" /> Die Pfeile (<img src="http://goo.gl/xG5mt" />) bringen dich jetzt zum aktuellsten Post auf der letzten Seite.</td>
					</tr>
					<tr>
						<th>"Infinite Scrolling" aktivieren:</th>
						<td><input type="checkbox" id="infiniteScrolling" /> Lädt die neue Seite automatisch nach, wenn du am Ende der Seite angekommen bist. Neue Posts gelangen auch untendrann. Keine Seiteneinteilung mehr.</td>
					</tr>
				</table>
			</div>
		</div>

		<div class="tab">
			<input type="radio" id="tab-3" name="tab-group-1"> <label for="tab-3">Design</label>

			<div class="content">
				<table cellpadding="2" cellspacing="2" border="0" width="100%">
					<tr class="beta">
						<th width="30%">Dunkles Design verwenden:</th>
						<td><input type="checkbox" id="darkStyle" /> readmore.de goes dark!</td>
					</tr>
				</table>
			</div>
		</div>
	</div>

	<input class="button" style="color: green;" type="button" onclick="save(this);" value="Speichern" />
	<input class="button" style="color: red;" type="button" onclick="window.location.reload();" value="Zurücksetzen" />

</body>
</html>